<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas width="300" height="400" style="border: solid dodgerblue;" id="myCanvas"></canvas>
		<script>
			var c = document.getElementById("myCanvas");
			var ctx = c.getContext("2d");
			ctx.arc(150,50,40,0,2*Math.PI);
			ctx.stroke();
			ctx.moveTo(150,200);
			ctx.lineTo(150,90);
			ctx.stroke();
			ctx.moveTo(150,120);
			ctx.lineTo(180,180);
			ctx.stroke();
			ctx.moveTo(150,120);
			ctx.lineTo(120,180);
			ctx.stroke();
			ctx.moveTo(180,180);
			ctx.lineTo(200,200);
			ctx.stroke();
			ctx.moveTo(200,200);
			ctx.lineTo(280,120);
			ctx.stroke();//武器
			ctx.moveTo(150,200);
			ctx.lineTo(120,270);
			ctx.stroke();
			ctx.moveTo(150,200);
			ctx.lineTo(180,270);
			ctx.stroke();
		</script>
	</body>
</html>